.message-recommend-flex
  padding: 1rem 1rem 0
// 推荐被推荐和悬赏的模块
.message-reward-border
  padding: 0.4rem 1rem 0
// 共同样式
.message-recommend 
  position: relative
  .bg-img 
    width: 100%
    min-height: 78px
    border-radius: 1rem
  .message-info 
    position: absolute
    left: 1rem
    top: 1.3rem
    .title
      color: #fff
      line-height: 1.5
      font-size: 400
    .content
      color: #fff
      line-height: 2
  //立即悬赏
  .soon-reward 
    position: absolute
    top: 50%
    right: 1.4rem
    margin-top: -32px
    .reward-img
      width: 60px
  // 被推荐
  // 推荐ta
.recommend
  margin-left: 1rem

//消息分类
.msg-item
  padding: 0 0 0 1rem 
  height: 7rem
  .iconpic 
    flex: 0 0 44px
    width: 44px
    height: 44px
  .iconpic-msg
    background: url(../images/msg-icon.png) no-repeat center center
    background-size:  contain
  .iconpic-system-msg
    background: url(../images/msg-system-icon.png) no-repeat center center
    background-size:  contain
  .iconpic-mail-msg
    background: url(../images/msg-mail-icon.png) no-repeat center center
    background-size:  contain
  // 右边文字和提示消息
  .right-list
    height:  7rem
    border-bottom: 1px solid #eaeaea
    .msg-sub-left-wrap
      padding: 0 0.6rem
      .msg-part
        color: #656565
        line-height: 2
    .msg-sub-right-wrap
      padding-right: 1rem
      .date
        color: #656565
        line-height: 3
      .msg-tips
        text-align: right
        .msg-num
          line-height: 0
          padding: 0 0.25rem
          background: red
          border-radius: 50%
          color: #fff
          text-align: center
        

  